<template>
      <div class="icon-at">
        <div class="icon-b" id="fault"></div><p class="icon-desc">故障</p>
        <div class="icon-b" id="alarm"></div><p class="icon-desc">火灾告警</p>
        <div class="icon-b" id="dismantle"></div><p class="icon-desc">拆除</p>
        <div class="icon-b" id="lowvolt"></div><p class="icon-desc">低电压</p>
        <div class="icon-b" id="normal"></div><p class="icon-desc">正常</p>
      </div>
</template>
<script type="text/ecmascript-6">
export default {
  data () {
    return {
      searchImei: ''
    };
  },
};
</script>
<style scoped>
.icon-at {
    position: absolute;
    top: 8px;
    left: 120px;
}
.icon-b {
  width: 60px;
  height: 20px;
  float: left;
  margin-right: 9px;
}
.icon-desc {
  line-height: 20px;
  float: left;
  margin-right: 20px;
}
#fault {
    background: rgba(230, 162, 60, 1);
}
#alarm {
    background: rgba(255, 0, 0, 1);
}
#dismantle {
    background: rgba(158, 158, 158, 1);
}
#lowvolt {
    background: rgba(255, 235, 59, 1);
}
#normal {
    background: rgba(103, 194, 58, 1);
}
</style>